﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ARS.Master" AutoEventWireup="true" CodeBehind="SelectFlight.aspx.cs" Inherits="NUS.ISS.ARS.Web.Booking.SelectFlight" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="../Scripts/developer.js" type="text/javascript"></script>
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">    
  

    <div class="row bs-wizard" style="border-bottom:0;">
        <div class="col-xs-2 bs-wizard-step active">
            <div class="text-center bs-wizard-stepnum">Search Fight</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step disabled">
            <div class="text-center bs-wizard-stepnum">Passenger Info</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step disabled">
            <div class="text-center bs-wizard-stepnum">Summary</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step disabled">
            <div class="text-center bs-wizard-stepnum">Conntact Info</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>

        <div class="col-xs-2 bs-wizard-step disabled">
            <div class="text-center bs-wizard-stepnum">Check Out</div>
            <div class="progress"><div class="progress-bar"></div></div>
            <a href="#" class="bs-wizard-dot"></a>
        </div>
    </div>

    <div>
        <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label>

        <div>
		    <div class="well">
                <div class="content">
        <!--
                <div class="navigationBarDiv">
                <asp:Image id="navigator" runat="server"
                    AlternateText="Image text"
                    Width="600"
                    ImageAlign="left"
                    ImageUrl="../Images/Step1.png"/>
                </div>
         -->
			<div>
                <div class="row">
					<div class="panel panel-info">
						<div class="panel-heading">
							<div class="panel-title"><strong><asp:Label ID="lblDestTitle" runat="server" Text=""></asp:Label></asp:Label></strong></div>
						</div>
					</div>
				</div>    

                <asp:ListView ID="lvFlightsToDest" runat="server" onitemdatabound="lvFlightsToDest_ItemDataBound">
                    <LayoutTemplate>
                        <div id="lvFlightsToDestTmpl">
                            <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>	
                        </div>
                    </LayoutTemplate>
                    <ItemTemplate>
                        <div class="qa-message-list" id="wallmessages">
					        <div class="message-item" id="m16">
						        <div class="message-inner">
							        <div class="message-head clearfix">
								        <div class="user-detail">
									        <div id="divId" runat="server" style="display: none">                
                                                <asp:Label ID="lblId" runat="server" />
                                            </div> 

                                            <h4 class="handle">
                                                <asp:Literal ID="ltrTotalPrice" runat="server"></asp:Literal></h4>
									        <div style="float: right; position: relative; top: -10px">
										        <asp:RadioButton ID="rdoSelectDestFlight" Text="Book" runat="server" />
									        </div>
									        <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrFromToTime" runat="server"></asp:Literal></span>                                        
									        </div>
                                            <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrLongDate" runat="server"></asp:Literal></span>                                        
									        </div>
                                            <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrFlightNo" runat="server"></asp:Literal></span>                                        
									        </div>
								        </div>
							        </div>
                                    <div class="qa-message-content">
								    <!--<h5>Fee Details</h5>-->
								    <asp:Literal ID="ltrFare" runat="server"></asp:Literal>
                                    <asp:Literal ID="ltrSurcharge" runat="server"></asp:Literal>
							    </div>
                                <div id="div1" runat="server" style="display: none">                
                                                <asp:Label ID="lblFlighSchedueId" runat="server" />
                                    </div> 
                                    <div id="div2" runat="server" style="display: none">                
                                                <asp:Label ID="lblFlightDate" runat="server" />
                                    </div> 
						    </div>
					    </div>
				    </div>
                </ItemTemplate>
            </asp:ListView>
            </div>

            <br />
			<hr>

            <div>   
                <div class="row">
			        <div class="panel panel-info">
				        <div class="panel-heading">
					        <div class="panel-title"><strong><asp:Label ID="lblReturnTitle" runat="server" Text=""></asp:Label></strong></div>
				        </div>
			        </div>
		        </div>
                <asp:ListView ID="lvReturnFlights" runat="server" onitemdatabound="lvReturnFlights_ItemDataBound">
                    <LayoutTemplate>
                        <div id="lvReturnFlightsTmpl">
                            <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                        </div>
                    </LayoutTemplate>
                    <ItemTemplate>                    
                        <div class="qa-message-list" id="wallmessages">
					        <div class="message-item" id="m16">
						        <div class="message-inner">
							        <div class="message-head clearfix">
								        <div class="user-detail">
									        <div id="divId" runat="server" style="display: none">                
                                                <asp:Label ID="lblId" runat="server" />
                                            </div>    
                                            <h4 class="handle">
                                                <asp:Literal ID="ltrTotalPrice" runat="server"></asp:Literal></h4>
									        <div style="float: right; position: relative; top: -10px">
										        <asp:RadioButton ID="rdoSelectReturnFlight" Text="Book" runat="server" />
									        </div>
									        <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrFromToTime" runat="server"></asp:Literal></span>                                        
									        </div>
                                            <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrLongDate" runat="server"></asp:Literal></span>                                        
									        </div>
                                            <div class="asker-meta">
										        <span class="qa-message-when-data">
                                                    <asp:Literal ID="ltrFlightNo" runat="server"></asp:Literal></span>                                        
									        </div>
								        </div>
							        </div>
                                    <div class="qa-message-content">
								    <!--<h5>Fee Details</h5>-->
								    <asp:Literal ID="ltrFare" runat="server"></asp:Literal>
                                    <asp:Literal ID="ltrSurcharge" runat="server"></asp:Literal>
							    </div>
                                <div id="div1" runat="server" style="display: none">                
                                                <asp:Label ID="lblFlighSchedueId" runat="server" />
                                    </div> 
                                    <div id="div2" runat="server" style="display: none">                
                                                <asp:Label ID="lblFlightDate" runat="server" />
                                    </div> 
						    </div>
					    </div>
				    </div>
                </ItemTemplate>
            </asp:ListView>
            </div>

            <br />

            <label class="col-md-10 control-label" for="btnPre"></label>
        </div>
</div>
        <div class="form-group well" style="text-align: right">
			<div>                    
                <asp:Button ID="btnPre" runat="server" Text="Previous" onclick="btnPre_Click" class="btn btn-danger"/>                 
                <asp:Button ID="btnNext" runat="server" Text="Next" onclick="btnNext_Click" class="btn btn-primary"/>
			</div>
		</div>


 <style type="text/css">
.message-item {
	margin-bottom: 25px;
	margin-left: 40px;
	position: relative;
}

.message-item .message-inner {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}

.message-item .message-inner:before {
	border-right: 10px solid #ddd;
	border-style: solid;
	border-width: 10px;
	color: rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -20px;
	top: 6px;
	width: 0;
}

.message-item .message-inner:after {
	border-right: 10px solid #fff;
	border-style: solid;
	border-width: 10px;
	color: rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -18px;
	top: 6px;
	width: 0;
}

.message-item:before {
	background: #fff;
	border-radius: 2px;
	bottom: -30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: -30px;
	position: absolute;
	width: 3px;
}

.message-item:after {
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	content: "";
	height: 15px;
	left: -36px;
	position: absolute;
	top: 10px;
	width: 15px;
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.message-item .message-head {
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.message-item .message-head .avatar {
	margin-right: 20px;
}

.message-item .message-head .user-detail {
	overflow: hidden;
}

.message-item .message-head .user-detail h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.message-item .message-head .post-meta {
	float: left;
	padding: 0 15px 0 0;
}

.message-item .message-head .post-meta>div {
	color: #333;
	font-weight: bold;
	text-align: right;
}

.post-meta>div {
	color: #777;
	font-size: 12px;
	line-height: 22px;
}

.message-item .message-head .post-meta>div {
	color: #333;
	font-weight: bold;
	text-align: right;
}

.post-meta>div {
	color: #777;
	font-size: 12px;
	line-height: 22px;
}

img {
	min-height: 40px;
	max-height: 40px;
}
</style>

</asp:Content>
